$(function(){
	//先隐藏表单
	$("#form").hide();
	//当点击发布按钮后，显示表单，再次点击将关闭
	$("#btnFaBu").click(function(){
		console.log("发布按钮点击");
		$("#form").toggle();
	});
	// 关闭表单
	$(".quxiao").click(function(){
		console.log("表单关闭");
		$("#form").hide();
	});
	//点击表单上的发布按钮后，清空表单的值，并隐藏表单。并在点击事件发生后追加内容
	$("#btnFaBu1").click(function(){
		
		//创建一个数组，将图片的路径存在里面
		var imgArr=["../public/img/a.png","../public/img/b.png","../public/img/c.png","../public/img/d.png"];
		//动态获取图片索引.通过Math对象，向下取整，随机获取,并存在一个变量里
		var img=Math.floor(Math.random()*4);
		
		//获取当前的发布时间
		var date=new Date();
		//将当前的时间存在一个变量里
		var nowDate="发布时间："+date.getFullYear()+"-"+
								(date.getMonth()+1)+"-"+
								date.getDate()+" "+
								date.getHours()+":"+
								date.getMinutes()+":"+
								date.getSeconds();
								
		//创建一个动态html
		//外面的一个大盒子
		//* 注意：外面用双引号，里面就用单引号；反之类推 */
		var neirong=$("<div class='neirong'></div>");
		//里面的图片
		var img1=$("<img src='"+imgArr[img]+"' >");
		//图片下面的一个盒子
		var neirong1=$("<div class='neirong1'></div>");
		//昵称，并获取输入的值
		var nicheng=$("<span>昵称:"+$("#nicheng").val()+"</span>")
		//简介，并获取简介的值
		var jianjie=$("<span>简介:"+$("#jianjie").val()+"</span>")
		//发布时间
		var shijian=$("<span>发布时间:"+nowDate+"</span>")
		
		//里面的图片 追加到 外面的一个大盒子
		neirong.append(img1);
		//图片下面的一个盒子 追加到 外面的一个大盒子
		neirong.append(neirong1);
		
		//昵称 追加到 neirong1动态里
		neirong1.append(nicheng);
		//简介 追加到 neirong1动态里
		neirong1.append(jianjie);
		//发布时间 追加到 neirong1动态里
		neirong1.append(shijian);
		
		//把动态创建的整体追加到.a里面
		$("#btnFaBu").after(neirong);
		
		
		console.log("发布成功");
		$("#form").hide();
		$("input:first").val('');
		$("textarea").val('');
	});
	
	
});